<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公告详情</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <style>
        div.card-body p{
            text-indent: 2rem;
        }
    </style>
</head>
<body>
<div class="container-fiuld p-3">
    <div class="card">
        <div class="card-header">
            <span>公告详情的标题</span>
            <p class="small mt-2 text-muted">2017-11-11 09:30:00</p>
        </div>
        <div class="card-body">
            <div>
                <p>一直以来，layui 秉承无偿开源的初心，虔诚致力于服务各层次前后端 Web 开发者，在商业横飞的当今时代，这一信念从未动摇。即便身单力薄，仍然重拾决心，埋头造轮，以尽可能地填补产品本身的缺口。在过去的一段的时间，我一直在寻求持久之道，已维持你眼前所见的一切。而 layuiAdmin 是我们尝试解决的手段之一。我相信真正有爱于 layui 生态的你，定然不会错过这一拥抱吧。</p>
                <p>子曰：君子不用防，小人防不住。请务必通过官网正规渠道，获得 layuiAdmin！</p>
                <p>—— 贤心（layui.com）</p>
            </div>
        </div>
        <div class="card-footer">
            <a href="#" class="btn text-dark bg-transparent border">返回上级</a>
        </div>
    </div>
</div>
</body>
</html>
